@charset "utf-8";
#discovery {
  & > div {
    display: flex;
    flex-direction: column;
    padding: .4rem 1.125rem 0;
    border-bottom: .0625rem solid var(--c_splitLine);

    h3 {
      margin-bottom: .5rem;
    }
    .chart-box{
      flex: 1;
      height: 100%;
    }
    &.hotWords {
      height: 13rem;
      .chart-box {
        position: relative;
        a{
          position: absolute;
          color: var(--c_active);
        }
      }
    }
    &.regionalEmotionalDistribution{
      height: 15.5rem;
    }
    &.dataTrend{
      height: 11.5rem;
    }
    &.domainDistribution{
      height:17rem;
    }
    &.mediaDataHit{
      height:17rem;
      border-bottom: none;
      h3{
        margin-bottom: 0;
      }
      ul>li{
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        border-bottom: 1px solid var(--c_splitLine);
        padding: .75rem 0 .325rem;
        counter-increment: myCounter;
        span:first-child:before{
          content: counter(myCounter);
          font-size: 10px;
          display: inline-block;
          position: relative;
          margin-right: .625rem;
          margin-left: .75rem;
          width: .75rem;
          height: .75rem;
          text-align: center;
          border-radius: .125rem;
          background-color: rgba(67, 196, 196, 0.8);
        }
        &:nth-of-type(1) span:before{
          background-color: #d84453;
        }
        &:nth-of-type(2) span:before{
          background-color: #E97517;
        }
        &:nth-of-type(3) span:before{
          background-color: #FFB400;
        }
        span:last-child{
          text-align: right;
          margin-right: .875rem;
        }
      }
    }

  }
}






